{{extend "base.html"}}

{{block body_tag}}
<body class="gray-bg">
{{end}}

{{block content}}
    <div class="row  border-bottom white-bg dashboard-header">

        <div class="col-sm-5">
            <h2>
                            MyOPS 后台管理系统
                        </h2>
            <p>MyOPS是一个完全响应式，基于Bootstrap3.3.6最新版本开发的扁平化主题，采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术，并集成了最新的jQuery版本(v2.1.4)。</p>
            <p>
                <b>当前版本：</b>v1.0.0
            </p>
        </div>
        <div class="col-sm-4">
            <h4>MyOPS具有以下特点：</h4>
            <ol>
                <li>完全响应式布局（支持电脑、平板、手机等所有主流设备）</li>
                <li>基于最新版本的Bootstrap 3.3.6</li>
                <li>提供3套不同风格的皮肤</li>
                <li>支持多种布局方式</li>
                <li>使用最流行的的扁平化设计</li>
                <li>提供了诸多的UI组件</li>
                <li>集成多款国内优秀插件，诚意奉献</li>
                <li>提供盒型、全宽、响应式视图模式</li>
                <li>采用HTML5 & CSS3</li>
                <li>拥有良好的代码结构</li>
                <li>更多……</li>
            </ol>
        </div>

    </div>
    <div class="wrapper wrapper-content">
        <div class="row">
            <div class="col-sm-4">

                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>联系信息</h5>

                    </div>
                    <div class="ibox-content">
                        <p><i class="fa fa-send-o"></i> 管理员：唐霜峰
                        </p>
                        <p><i class="fa fa-qq"></i> QQ：<a href="http://wpa.qq.com/msgrd?v=3&amp;uin=249545020&amp;site=qq&amp;menu=yes" target="_blank">249545020</a>
                        </p>
                        <p><i class="fa fa-weixin"></i> 微信：<a href="javascript:;">xingsu1021</a>
                        </p>
                        <p><i class="fa fa-credit-card"></i> 捐助支付宝：<a href="javascript:;" class="支付宝信息">xingsu1021@gmail.com / 唐霜峰</a>
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>更新日志</h5>
                    </div>
                    <div class="ibox-content no-padding">
                        <div class="panel-body">
                            <div class="panel-group" id="version">
                                <div class="panel panel-default">
                                    <div class="panel-heading">
                                        <h5 class="panel-title">
                                                <a data-toggle="collapse" data-parent="#version" href="#v1">v1.0.0</a><code class="pull-right">2016.03.23</code>
                                            </h5>
                                    </div>
                                    <div id="v1" class="panel-collapse collapse in">
                                        <div class="panel-body">
                                            <div class="alert alert-warning">版本创建</div>
                                            <ol>
                                                <li>升级bootstrap版本到3.3.6版本</li>
                                                <li>升级layer到2.1版本</li>
                                                <li>升级echarts到2.2.7版本</li>
                                                <li>升级webuploader到0.1.5版本</li>
                                            </ol>
                                        </div>
                                    </div>
                                </div>
                                <div class="panel panel-default">
                                    <div class="panel-heading">
                                        <h5 class="panel-title">
                                                <a data-toggle="collapse" data-parent="#version" href="#v0">v0.0.0</a><code class="pull-right">2016.03.22</code>
                                            </h5>
                                    </div>
                                    <div id="v0" class="panel-collapse collapse">
                                        <div class="panel-body">
                                            <ol>
                                                <li>测试；</li>
                                            </ol>
                                        </div>
                                    </div>
                                </div>

                                


                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>说明</h5>
                    </div>
                    <div class="ibox-content">
                        <p>服务</p>
                        <ol>
                            <li>服务；</li>
                            <li>服务；</li>
                            <li>服务；</li>
                            <li>服务；</li>
                            <li>授权许可；</li>
                            <li>……</li>
                        </ol>
                        <hr>
                        <div class="alert alert-warning">
                            测试。
                            <br>测试。
                        </div>


                    </div>
                </div>
            </div>
        </div>
    </div>
    
    {{end}}